/*放头部和底部通用的样式*/
/*定义字体*/
/*字体图标使用步骤
	1.下载字体图标
	2.把文件拷贝到fonts文件夹
	3.找到说明文件,.html文件打开
	4.将@font-face的代码拷贝到css文件里边,注意字体格式路径问题
	5.定位类名.iconfont,使用字体图标的字体
	6.将图标对应的编码放到标签里,给标签调用类名iconfont
*/

@font-face {
  /*定义字体的名称*/
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}
/*定义字体图标的样式*/
.iconfont {
	/*使用字体*/
	font-family: 'iconfont';
}
/*头部*/
.shortcut {
	height: 31px;
	/*行高设置到父元素上,子元素继承,里边的文字垂直居中*/
	line-height: 31px;
	background-color: #eee;
}
.shortcut  li {
	float: left;
}
.line {
	/*细线就是, 宽1px, 高任意,背景颜色*/
	width: 1px;
	height: 12px;
	margin: 9px 16px 0;
	background-color: #666;
}
.shortcut a, .shortcut span {
	vertical-align: middle;
}
.shortcut span {
	margin-left: 3px;
}
.nav-top {
	height: 80px;
	padding-top: 26px;
	/*background-color: pink;*/
}
.logo a {
	display: block;
	width: 171px;
	height: 61px;
	background: url(../img/logo.png) no-repeat;
	/*color: transparent;*/
	/*font-size: 0;*/
	text-indent: -5000px;
	overflow: hidden;
}
.search {
	margin-left: 173px;
	margin-right: 111px;
}
/*结构伪类选择器*/
.search  input:first-child {
	width: 444px;
	height: 32px;
	border: 2px solid #b1191a;
	border-right: 0;
	padding-left: 10px;
	vertical-align: top;
}
/*属性选择器*/
.search input[type="submit"] {
	width: 82px;
	height: 36px;
	background-color: #b1191a;
	color: #fff;
	font-size: 16px;
	vertical-align: top;
}
.shopcar {
	position: relative;
	width: 138px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #999;
	background-color: #eee;
}
.number {
	position: absolute;
	right: 18px;
	top: -5px;
	/*width: 14px;*/
	height: 14px;
	padding: 0  3px;
	line-height: 14px;
	background-color: #e60012;
	color: #fff;
	border-radius: 7px 7px 7px 0;
}
.shopcar i, .shopcar a, .shopcar em {
	vertical-align: middle;
}
.hotwords {
	margin-left: 185px;
	margin-top: 6px;
}
.hotwords li {
	float: left;
	margin-right: 24px;
}
.nav {
	height: 45px;
	border-bottom: 2px solid #b1191a;
}
.dropdown {
	position: relative;
	z-index: 1;
	width: 209px;
	height: 47px;
	background-color: #b1191a;
}
.dropdown h2 {
	height: 47px;
	line-height: 47px;
	color: #fff;
}
.reg:hover ul {
	display: block;
}
.reg ul {
	display: none;
}
.dropdown ul {
	height: 465px;
	background-color: #c81623;
}
.dropdown li {
	height: 31px;
	padding-left: 12px;
	padding-right: 6px;
	line-height: 31px;
	font-size: 14px;
}
.dropdown li:hover {
	background-color: #f7f7f7;
}
/*鼠标悬停到li上,里边子元素a和span的状态*/
.dropdown li:hover a, .dropdown li:hover span {
	color: #c81623;
}
.dropdown a, .dropdown span {
	color: #fff;
}
.dropdown span {
	float: right;
	font-size: 22px;
	/*background-color: blue;*/
}
.nav-group li {
	float: left;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	margin-left: 42px;
	margin-right: 10px;
}
/*头部*/
/*底部*/
.footer {
	height: 388px;
	padding-top: 30px;
	background-color: #eee;
}
.slogan {
	height: 80px;
	border-bottom: 1px solid #999;
}
.slogan li {
	float: left;
	width: 206px;
	padding-left: 34px;		
}
.slogan li .fl:first-child {
	width: 51px;
	height: 51px;
	background: url(../img/icons.png) no-repeat -252px -2px;
	margin-right: 5px;
}
.slogan li:nth-child(2) .fl:first-child {
	background-position: -254px -53px;
}
.slogan li:nth-child(3) .fl:first-child {
	background-position: -256px -105px;
}
.slogan h5 {
	margin-top: 8px;
	font-weight: 700;
	color: #333;
	font-size: 14px;
	height: 20px;
}
.help {
	height: 167px;
	padding-top: 20px;
	border-bottom: 1px solid #999;
	padding-left: 44px;
	padding-right: 70px;
}
.help dl {
	float: left;
	width: 198px;
}
.help dt, .help h4 {
	height: 30px;
	font-size: 16px;
	color: #333;
}
.help dd {
	height: 20px;
}
.help a {
	color: #333;
}
.help p {
	margin-top: 6px;
	color: #333;
}
.copyright div {
	height: 30px;
	padding-top: 20px;
}
.copyright span {
	margin: 0 16px;
	/*font-size: 60px;*/
	font-family: 'simsun';
}
.copyright p {
	color: #333;
	line-height: 22px;
}
/*底部*/